<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
	<meta charset="UTF-8">
	<title>TRUNG TÂM THỂ DỤC THẨM MỸ AD YOGA</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">	
	<!--[if lte IE 7]>
		<link rel="stylesheet" href="css/ie7.css" type="text/css" charset="utf-8">	
	<![endif]-->
</head>

<script type="text/javascript">
$(document).ready(function() {

    $("ul#topnav li").hover(function() { //sự kiện khi đưa chuột vào menu
        $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color and image on hovered list item
        $(this).find("span").show(); //hiễn thị menu cấp 2
    } , function() { //on hover out...
        $(this).css({ 'background' : 'none'}); 
        $(this).find("span").hide(); //ẩn menu cấp 2
    });

});
</script>  

<body>
	<div id="header">
    	<br />
        <div id="logo">
                <a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
        </div>
		<div id="navigation">
			<div>
				<ul>
					<li class="active"><a href="index.html"><span>Trang chủ</span></a></li>
                    <li><a href="blog.html"><span>Yoga</span></a></li>
                    <li><a href="blog.html"><span>Địa chỉ tập</span></a></li>
                    <li><a href="blog.html"><span>Tập Yoga</span></a></li>
                    <li><a href="blog.html"><span>Khóa học</span></a></li>
                    <li><a href="blog.html"><span>Từ thiện</span></a></li>
                    <li><a href="blog.html"><span>Hỏi đáp</span></a></li>
					<li><a href="blog.html"><span>Trang ảnh</span></a></li>
					<li><a href="contact.html"><span>Gian hàng</span></a></li>
                    <li><a href="about.html"><span>Liên hệ</span></a></li>
				</ul>
			</div>
		</div>
	</div> <!-- /#header -->
	<div id="body">
		<div id="main">
			<ul id="articles">
				<li>
					<span class="leaf"></span>
					<h3>Do it yourself workouts</h3>
					<p>Lorem ipsumdolor sit amet, consec tetuer adipis cing elitsed diam non ummy nibh euismod tincidunt ut laoreet dolore magna. <a href="index.html" class="more">Read more</a></p>
				</li>
				<li>
					<span class="leaf"></span>
					<h3>Fruitful diet</h3>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
				</li>
			</ul>
			<div id="featured">
				<div class="footer">
					<div class="body">
						<h1>Ochi Reachout</h1>
						<p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem anitatis per seacula quarta decima et 
							quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Eodem anitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum 
							clari, fiant sollemnes in futurum. Eodem anitatis per seacule quarta decima et quinta decima.</p>
						<p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem anitatis per seacula quarta decima et 
							quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Eodem anitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum 
							clari, fiant sollemnes in futurum. Mirum est notare quam littera gothica, quamnunc putamus</p>
					</div>
				</div>
			</div>
		</div>
	</div> <!-- /#body -->
	<div id="footer">
		<div>
			<ul>
				<li>
					<img src="images/medicine.png" alt="">
					<h4>The best option</h4>
					<p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta.</p>
				</li>
				<li>
					<img src="images/exercise.png" alt="">
					<h4>Program exercises</h4>
					<p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta.</p>
				</li>
				<li>
					<img src="images/fruits.png" alt="">
					<h4>Why fruits?</h4>
					<p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta.</p>
				</li>
				<li>
					<img src="images/orange.png" alt="">
					<h4>Healthy eating</h4>
					<p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta.</p>
				</li>
			</ul>
			<p class="footnote">&copy; 2012 Ochi Tsuite. All Rights Reserved.</p>
		</div>
	</div> <!-- /#footer -->
</body>
</html>